<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<script src="./scripts/axios.js"></script>
		<script>
			// axios
			// 	.get('http://127.0.0.1:3000/axios', {
			// 		params: {
			// 			id: 6
			// 		}
			// 	})
			// 	.then((data) => {
			// 		const { data: res } = data
			// 		console.log(res)
			// 	})

			// 1. async 和 await 是 ES7 提供的语法
			// 2. async 和 await 必须结合使用
			// 3. async 用来修饰函数，需要放到函数的前面
			// 4. async 的作用，返回的是 Promise 对象
			// 5. await 后面跟上异步任务，必须写到函数内容
			// 6. await 的作用，返回后面异步任务返回的结果

			async function Handle() {
				const { data: res } = await axios.get('http://127.0.0.1:3000/axios', {
					params: {
						id: 6
					}
				})

				// 开始对数据进行处理
				console.log(res)
			}
			Handle()
		</script>
	</body>
</html>
